
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>CLaboral</title>
        <link rel="shortcut icon" href="../../img/red.png">
        <link rel="stylesheet" href="../../css/bootstrap.css"> 
        <script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
    </head>

    <body>
        <div class="navbar navbar-fixed-top" style="position: relative">
            <div class="navbar-inner">
                <div class="container" style="width: auto; padding: 0 20px;">
                    <ul class="nav">
                        <li><a href="#">nombre de usuario :D - Admin</a></li>
                    </ul>
                    <a href="" class="btn pull-right">Cerrar Sessión?</a>
                </div>
            </div>
        </div>
        <div>  
            <div class="carousel slide">
                <div class="carousel-inner">
                    <div class="item active">
                        <header class="unit hero-unit">
                            <h1>CLaboral</h1><br>
                            <p>Plataforma RED :D</p>
                        </header>
                    </div>
                </div>
            </div>
        </div> 
        <br>

        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
            <div class="span2">
                <ul class="nav nav-list well">
                    <li><a href="#"><i class="icon-home"></i> Home</a></li>
                    <li class="active"><a href="#"><i class="icon-chevron-right"></i> Usuarios</a></li>
                    <li><a href="#"><i class="icon-chevron-right"></i> Calendario</a></li>
                    <li><a href="#"><i class="icon-chevron-right"></i> Estadísticas</a></li>
                    <li><a href="#"><i class="icon-chevron-right"></i> Contraseña</a></li>               
                </ul>
            </div>
            <div class="span10">            
                <table class="items table table-bordered">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Email</th>
                            <th class="button-column"><a href="">Agregar Nuevo</a></th></tr>
                    </thead>
                    <tbody>
                        
                        <tr>
                            <td>Crash Bandicoot</td>
                            <td>jreyp@red.net.pe</td>
                            <td class="button-column">
                                <a class="update" title="Update" href=""><i class="icon-pencil"></i></a> 
                                <a class="delete" title="Delete" href=""><i class="icon-trash"></i></a>
                            </td>
                        </tr>
                        
                    </tbody>
                </table>
            </div>
        </div>

        <div class="container"  style="padding-top: 50px;"><hr>
            <footer class="footer">
                <p style="text-align: center;">
                    &copy; 2013 RED - Lima, Perú<br> 
                    Comentarios y/o sugerencias: <a href="mailto:contacto@red.net.pe">contacto@red.net.pe</a></p>

            </footer></div>
    </body>
</html>
